html{font-size:62.5%;} 
body,td,th,ul,li {
	font: normal 100% Helvetica, "Î¢ÈíÑÅºÚ","»ªÎÄÏ¸ºÚ",Tahoma,Arial;
	font-size:16px;font-size:1.6rem ;
	line-height: 24px;
	color: #333333;
	text-decoration: none;
    list-style: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
strong{font-weight:bold;}
b{font-weight:bold;}
h1,h2,h3,h4,h5,h6,i,em{
    margin: 0;
    padding: 0;
	font-style: normal;
    font-weight: normal;
	list-style: none;
    text-decoration: none;
}
a {
	font-family:  "Î¢ÈíÑÅºÚ","»ªÎÄÏ¸ºÚ",Tahoma,Arial;
	font-size:16px;font-size:1.6rem ;
	color: #333333;
}
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
a.more:link,a.more:visited,a.more:active {
	text-decoration: none;
	color: #75C01F;
	font-size: 1em;
	text-decoration:underline;
	font-weight:bold;
}
a.more:hover {
	text-decoration: none;
	color: #75C01F;
	font-size: 1em;
	text-decoration:underline;
	font-weight:bold;
}
a.news:link,a.news:visited,a.news:active {
	text-decoration: none;
	color: #333;
	font-size: 1em;
}
a.news:hover {
	text-decoration: none;
	color: #91160E;
	font-size: 1em;
}
a.top:link,a.top:visited,a.top:active {
	text-decoration: none;
	color: #EAEAEA;
	font-size: 12px;
}
a.top:hover {
	text-decoration: none;
	color: #EAEAEA;
	font-size: 12px;
}
a.end:link,a.end:visited,a.end:active {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}
a.end:hover {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}
a.kh:link,a.kh:visited,a.kh:active {
	text-decoration: none;
	color: #c8c8c8;
	font-size: 14px;
}
a.kh:hover {
	text-decoration: none;
	color: #c8c8c8;
	font-size: 14px;
}
.bg_about {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	background-image: url(index_02.jpg);
	zoom: 1;width:100%; min-width:1200px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.bg_cp {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; 
	background-image: url(index_03.jpg); 
	zoom: 1;width:100%; min-width:1200px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.bg_news {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; 
	background-image: url(index_05.jpg); 
	zoom: 1;width:100%; min-width:1200px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.bg_vd {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; 
	background-image: url(index_10.jpg); 
	zoom: 1;width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center bottom;
}
.bg_gg {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; 
	background-image: url(index_08.jpg); 
	zoom: 1;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
}
.line_news {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #C8C8C8;
	border-right-color: #C8C8C8;
	border-bottom-color: #C8C8C8;
	border-left-color: #C8C8C8;
}
.search {
	font-size: 14px;
	color: #999;
	padding:15px;
	border: 0px solid #DBDBDB;
	background-color: #F5F5F5;
}
.searchs {
	font-size: 14px; text-align:left;
	color: #999;
	padding:15px 15px 15px 10px;
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #131313;
	border-right-color: #131313;
	border-bottom-color: #131313;
	border-left-color: #131313;
}
.fd {
	font-size: 14px;
	color: #333333;
	width:570px;
	height:24px;
	background-color: #f5f5f5;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	border: 1px none #888889;
}
.fds {
	font-size: 14px;
	width:1200px;
	color: #333333;
	background-color: #f5f5f5;
	border: 1px none #888889;
	padding: 15px;
}
.fdcode {
	font-size: 14px;
	color: #333333;
	width:50px;
	height:24px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f5f5f5;
	border: 1px none #888889;
}
.fdinput {
	font-size: 14px;
	color: #ffffff;
	width:100px;
	height:44px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #333;
	border: 1px solid #333;
}
input:-webkit-autofill {
  color: #333333!important;
  -webkit-text-fill-color: #333333;
  box-shadow: 0 0 0 1000px #f5f5f5 inset
}

input:autofill {
  color: #333333!important;
  -webkit-text-fill-color: #333333;
  box-shadow: 0 0 0 1000px #f5f5f5 inset
}

.imgc {border: 1px solid #E1E1E1;padding: 5px;}

#div1{width:100%; max-width:1000px; height:100%; max-height:330px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div1 img{cursor:pointer; transition:all 0.6s;}
#div1 img:hover{transform:scale(1.2);}

#div2{width:100%; max-width:490px; height:100%; max-height:330px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div2 img{cursor:pointer; transition:all 0.6s;}
#div2 img:hover{transform:scale(1.1);}

#div3{width:570px; height:542px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div3 img{cursor:pointer; transition:all 0.6s;}
#div3 img:hover{transform:scale(1.1);}

#div5{width:260px; height:260px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div5 img{cursor:pointer; transition:all 0.6s;}
#div5 img:hover{transform:scale(1.05);}

#div100{width:100%; height:auto; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; float:none; overflow:hidden;}
#div100 img{cursor:pointer; transition:all 0.6s;}
#div100 img:hover{transform:scale(1.05);}

#newpic{}
#newpic img{}
#newpic img:hover{margin-top:4px;}

.h_tonglan {width:550px; padding:0px; margin:0 auto; float:none;}

.h218px {width:550px;padding:0px;margin:0;}
.h218px th {padding:0px;}
.h218px td {overflow:hidden;}

#scrollbox12 ul {overflow:hidden;list-style-type:none;padding:0px;margin:0px;}
#scrollbox12 ul LI {float:left;margin:0px;width:550px;overflow:hidden; text-align:left;}
#scrollbox12 ul LI a {display:block; margin:0px; width:550px; height:260px;overflow:hidden;}

.img_div1 {margin:0px; padding:0px; position:relative; width:350px; height:300px; z-index:99;}
.img_div1 h3 {text-align:center;  margin:0px; padding:15px 10px 0px 10px; width:330px; height:80px; line-height:26px; font-size:18px;}
.img_div1 h4 {overflow: hidden; width:320px; height:220px; margin:10px; padding:5px; border:1px solid #dcdcdc;}
.img_div1 h4:hover {width:320px; height:220px; margin:10px; padding:3px; border:3px solid #017ED0;}
.img_div1 h4 img{width:320px; height:220px; cursor:pointer; transition:all 0.6s;}
.img_div1 h4 img:hover{width:320px; height:220px; transform:scale(1.1);}
.img_div1 img {width:320px; height:220px; margin:0px; padding:0px; border:0px solid #dcdcdc;}
.img_div1 img:hover {width:320px; height:220px; margin:0px; padding:0px; border:0px solid #28508D; }
.img_div1 a, .img_div1 a:visited {display:block;width:350px; height:300px;color:#333;}
.img_div1 a:hover {display:block;width:350px; height:430px;color:#017ED0;}
.img_div1 a:hover .mask1 {opacity:1; color:#fff;}
.mask1 {position:absolute; top:0; left:0; width:350px; height:350px; background:rgba(0, 0, 0, 0.5); color:#ffffff; opacity:0; z-index:999;}
.mask1 img {width:350px; height:350px; margin:0px; padding:0px; border:0px solid #dcdcdc;}
.mask1 h3 {text-align:center; width:350px; margin:0px 0px 0px 0px; line-height:30px; font-size:24px; border-bottom:0px solid #fff;}

.img_div2 {padding:0px;margin:0px; position:relative; width:550px; height:260px; text-align:left;}
.img_div2 img{margin:0px; padding:5px; width:350px; height:350px; border:0px solid #dcdcdc;}
.mask2 {position:absolute; top:0; left:0; width:350px; height:350px; opacity:0;}
.mask2 h3 {text-align:center; width:280px; margin:50px 0px 0px 0px; line-height:60px; font-size:22px; border-bottom:0px solid #fff;}
.mask2 h3 img{margin:50px 0px 0px 0px; width:280px; height:30px; border:0px solid #dcdcdc;}
.mask2 h4 {text-align:center; width:280px; margin:0px; line-height:42px; font-size:18px;}
.mask2 h4 img{margin:0px 0px 0px 0px; width:47px; height:47px; border:0px solid #dcdcdc;}
.img_div2 a:hover .mask2 {opacity:1;}

#navcontainer{width:820px;}
#navlist{margin:0;padding:0px 0px 0px 0px;border-bottom:0px solid #444;}
#navlist ul, #navlist li{margin:0;padding:0;display:inline;list-style-type: none;text-align:center;}
#navlist a:link, #navlist a:visited{float:left;height:97px;line-height:97px;margin:0px 20px 3px 20px;padding:0px 0px 0px 0px;color:#fff;font-size:16px;font-family:"Î¢ÈíÑÅºÚ Light";}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{color:#cba979;font-size:16px;font-family:"Î¢ÈíÑÅºÚ Light";border-bottom:3px solid #cba979;}
#navlist a:hover{color:#cba979;}

#navcontainers{width:900px;}
#navlists{margin:0;padding:0px 0px 0px 0px;}
#navlists ul, #navlists li{margin:0px;padding:0px;display:inline;list-style-type:none;}
#navlists a:link, #navlists a:visited{float:left;border-bottom:1px solid #F1F1F1;margin:8px 20px 8px 20px;padding:0px 0px 0px 0px;height:46px;line-height:46px;color:#666;font-size:16px; font-weight:100;}
#navlists a:link#current, #navlists a:visited#current, #navlists a:hover{border-bottom:1px solid #cba979;color:#333;font-size:16px; font-weight:100;}
#navlists a:hover{color:#cba979;}


.ib {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;}
.ul-reset {padding: 0px;margin: 0px;list-style: none;}
.navigation {width: 100%;}
.navigation-link,.navigation-link:link,.navigation-link:visited {display: block; position: relative; padding: 15px 30px 15px 30px; margin: 0px 0px 0px 0px; color:#333; font-size: 16px; line-height:30px; text-decoration: none; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; background:url(a_dh_line.jpg) no-repeat left center;}
.navigation-link:before {content: "";position: absolute;left: 20%;bottom: 0;width: 0;border-bottom: 2px solid #000;-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;}
.navigation-link:hover,.navigation-links:hover {color: #000;}
.navigation-link:hover:before {width: 60%;}
.navigation-links,.navigation-links:link,.navigation-links:visited {display: block;position: relative;padding: 15px 7px 15px 7px;margin: 0px 23px 0px 23px;font-size: 16px; line-height:30px; text-decoration: none;color: #000;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;border-bottom: 2px solid #000;}

.navigations {width:100%;}
.navigations-link,.navigations-link:visited {display:block;position:relative;padding:10px 30px 10px 30px;margin:0px 0px 0px 0px;font-size:16px; color:#333; text-decoration:none;background-color:#ededed;}
.navigations-link:hover,.navigations-links:hover,.navigations-links:visited {color:#fff;background-color:#5f3814;}
.navigations-links {display:block;position:relative;padding:10px 30px 10px 30px;margin:0px 0px 0px 0px;font-size:16px;text-decoration:none;color:#fff;background-color:#5f3814;}

.lei {float:none; margin:auto; position:relative; width:97%; z-index:9; }
.lei ul {margin:0% 1.5% 0% 1.5%; padding:0; list-style-type: none;}
.lei ul li {float:left; position:relative; text-align:center; margin:0px 0px 10px 0px; padding:0px;}
.lei ul li h1{float:left; margin:0px 0px 0px 0px; width:100%; height:46px; line-height:46px; font-size:16px; text-align:center;}
.lei ul li h2{float:left;  margin:0px; background-color:#FFFFFF; border:1px solid #DDDDDD; width:98%;  padding:1%; display:table-cell; float:none; overflow:hidden;}
.lei ul li h2:hover{float:left; margin:0px; background-color:#FFFFFF; border:1px solid #5eb8b8; width:98%;  padding:1%; display:table-cell; float:none; overflow:hidden;}
.lei ul li img{border:0px solid #DDDDDD; margin:0px; padding:1%; width:98%; cursor:pointer; transition:all 0.6s;}
.lei ul li img:hover{border:0px solid #920A0A; margin:0px; padding:1%; width:98%; transform:scale(1.05);}
.lei ul li a, .lei ul li a:visited {display:block; border:0x solid #F5F5F5; width:98%; height:98%; padding:1%; line-height:1.5rem; font-size:1rem; color:#333; text-decoration:none; border:1px solid #fff;}
.lei ul li a:hover {display:block; border:0px solid #920A0A; width:98%; height:98%; padding:1%; line-height:1.5rem; font-size:1rem; color:#5eb8b8; text-decoration:none; border:1px solid #fff;}

.lein {float:none; margin:auto; position:relative; width:280px; z-index:9; }
.lein ul {margin:0; padding:0; list-style-type: none;}
.lein ul li {float:left; position:relative; text-align:center; margin:0px 0px 0px 0px; padding:0px;}
.lein ul li h1{float:left; margin:15px 0px 0px 0px; width:300px; line-height:24px; font-size:16px; text-align:center;}
.lein ul li h2{float:left; background-color:#FFFFFF; border:1px solid #DDDDDD; width:270px; height:270px; padding:5px; margin:0px;}
.lein ul li h2:hover{float:left; background-color:#FFFFFF; border:1px solid #00a2ea; width:270px; height:270px; padding:5px; margin:0px;}
.lein ul li h2 img{border:0px solid #DDDDDD; margin:0px 0px 0px 0px; padding:0px; width:270px; height:270px;}
.lein ul li h2 img:hover{border:0px solid #920A0A; margin:0px 0px 0px 0px; padding:0px; width:270px; height:270px;}
.lein ul li a, .lein ul li a:visited {display:block; border:0x solid #F5F5F5; width:280px; height:350px; padding:0px; line-height:24px; font-size:16px; color:#333; text-decoration:none;}
.lein ul li a:hover {display:block; border:0px solid #920A0A; width:280px; height:350px; padding:0px; line-height:24px; font-size:16px; color:#00a2ea; text-decoration:none;}
.mask3 {position:absolute; top:100px; left:90px; width:90px; height:90px; background:rgba(255, 255, 255, 0.0); color:#ffffff; opacity:0; z-index:999;}
.mask3 img {width:90px; height:90px; margin:0px 0px 0px 0px; padding:0px; border:0px solid #dcdcdc;}
.lein a:hover .mask3 {opacity:1;}

.leic {float:none; margin:auto; position:relative; width:100%; z-index:9; }
.leic ul {margin:0; padding:0; list-style-type: none;}
.leic ul li {float:left; position:relative; margin:0px 0px 0px 0px; padding:0px; text-align:left;}
.leic ul li h1{float:left; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; width:100%; line-height:24px; font-size:14px; font-weight:100;}
.leic ul li h2{float:left; margin:0px 0px 0px 45px; width:100%; height:180px; line-height:24px; font-size:14px;}
.leic ul li h3{float:left; margin:0px 0px 0px 0px; line-height:24px; font-size:14px;}
.leic ul li img{margin:0px 0px 15px 0px; width:100%; height:auto; border:0px solid #039c4c; cursor: pointer;transition: all 0.6s;}
.leic ul li img:hover{margin:0px 0px 15px 0px; width:100%; height:auto; border:0px solid #fff; transform: scale(1.03);}
.leic ul li a, .leic ul li a:visited {display:block; width:100%; height:auto; padding:0px; line-height:24px; font-size:16px; color:#333; text-decoration:none;}
.leic ul li a:hover {display:block; width:100%; height:auto; padding:0px; line-height:24px; font-size:16px; color:#D3010C; text-decoration:none;}

.leicn {float:none; margin:auto; position:relative; width:100%; z-index:9; }
.leicn ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type: none;}
.leicn ul li {float:left; position:relative; margin:0px 0px 0px 0px; padding:15px 0 15px 0; height:140px; text-align:left; border-bottom:1px solid #ccc;}
.leicn ul li h1{float:left; margin:0 2% 0 0; padding:0; width:18%; height:10rem; }
.leicn ul li h1:hover{float:left; margin:0 2% 0 0; padding:0; width:18%; height:10rem; background-color:#CE000D;}
.leicn ul li h2{float:left; margin:0px; padding:0px; width:80%; height:140px; }
.leicn ul li h3{float:left; margin:0px; padding:0; width:80%; height:140px; }
.leicn ul li h3:hover{float:left; margin:0px; padding:0; width:80%; height:140px; }
.leicn ul li img{float:left;margin:0px; width:100%; height:140px; border:0px solid #039c4c; border-radius:0.315rem;}
.leicn ul li img:hover{float:left;margin:0px; width:100%; height:140px; border:0px solid #fff; border-radius:0.315rem;}
.leicn ul li a, .leicn ul li a:visited {display:block; width:99.5%; height:140px; padding:0 0.5% 0 0; line-height:24px; font-size:16px; color:#333; text-decoration:none; border-right:0.125rem solid #fff;}
.leicn ul li a:hover {display:block; width:99.5%; height:140px; background-color:#fff; padding:0 0.5% 0 0; line-height:24px; font-size:16px; color:#D3010C; text-decoration:none;border-right:0.125rem solid #D3010C;}

.wrapper{
    overflow: hidden;
}
.wrapper .bt, .title{
    background: url("bt.png") no-repeat center;
    width: 100%;
    height: 2.4rem;
    background-size: 100%;
    margin: 0 auto;
    margin-top: 3.6rem;
    margin-bottom: 2.5rem;
    text-align: center;
    color: #313131;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 2.4rem;
	font-style: italic;
	
}
.wrapper .bt.aa, .wrapper .title.aa{
    width: 100%;
    height: 2.2rem;
    background: url("btt.png") no-repeat center;
    background-size: 100%;
}
.wrapper .bt span, .title span{
    color: #c9252b; padding:0;
}

.proWrapper,#product .container{
    overflow: hidden;
    padding-left: 0%;
    padding-right: 0%;
    margin: 0 auto;
}
.proList{
    width: 100%;
	padding-bottom: 0rem;
    float: left;
    margin-right:0%;
	margin-left: 0%;
    margin-bottom: 0%;
    position: relative;
    background-color: #9da3af;
}
.proList .cp{
    width: 100%;
}
.proList .proInfo{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
}

.proList .gd{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4.54rem;
	background-color:rgba(0, 0, 0, 0.8);
	text-align:center;
}
.proList .gd .gdt{
    width: 0.9375rem;
    height: 0.625rem;
    margin-top: 0.10rem;
    margin-left: 2.4rem;
    margin-right: 0.58rem;
    float: left;
}
.proList .gd span{
    width: 100%;
	line-height: 4.54rem;
    color: #fff;
    font-size: 1.20rem;
}
.proList .gd span:hover{
    text-decoration:underline;
}


.homeProfile{
    overflow: hidden;
    padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto;
}
.xiliee{
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 40.375rem;
	background-size:100% 100%;
}
.xiliee .qb{
    height: 100%; width:100%;
}
 
.xilieda{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.xilieda h1{
    font-weight: bold;
    font-size: 3rem;
	letter-spacing:0.2rem;
    color: #fff;
	text-align:left;
    margin-left: 3.3rem;
    margin-top: 11rem;
}
.xilieda h2{
    font-weight: normal;
    font-size: 1.2rem;
	letter-spacing:0.1rem;
	text-transform:uppercase;
    color: #fff;
	text-align:left;
    margin-left: 3.3rem;
	margin-top: 1rem;
}
.xilieda .gd{
    position: absolute;
    left: 3.3rem;
    bottom: 5.2rem;
    display: block;
    background: #c60017;
    width: 9.0rem;
    height: 3.0rem;
    line-height: 3.0rem;
    color: #fff;
    font-size: 1.0rem;
	letter-spacing:0.1rem;
    text-align: center;
	border-radius:30px;
}
.xilieda .gd:hover{background:#ffffff; color:#c60017;}

.xilief{
    width: 100%;
    float: left;
    overflow: hidden;  
}
.xiliefa{
    width: 49%;float: left;
	margin-right:0.5%;
	margin-left: 0.5%;
    margin-bottom: 1.1875rem;
    position: relative;
    height: 36rem;
	background-color:#EEEEEE;
	padding:0%;
	background-size:100% 100%;
 
}
.xiliefa .qb{
    height: 100%; width:100%;
}
.xiliefb{
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.xiliefb h1{
	text-align:center;
	width:91%;height:17.5rem;
	margin:5% auto;
}
.xiliefb h2{
    font-weight: bold;
    color: #333;
    line-height: 1.5rem;
    font-size: 1.5rem;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	margin-top:2rem;
}
.xiliefb h3{
    color: #333;
    line-height: 1.8rem;
    font-size: 1.0rem;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	margin-bottom:2rem;
}
.xiliefb p{
	width:100%;
    font-size: 1.0rem;
    margin-bottom: 0.25rem;
    color: #fff;
    margin-left: 0rem;
    margin-top: 0.15rem;
	word-wrap: break-word;
	word-break: normal; 
	text-align:center;
	text-transform:uppercase;
}
.xiliefb .gd{
    width: 9rem;
    height: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    display: block;
    border: 1px solid #999;
    font-size: 1rem;
    color: #666;
	margin:0 auto;
}
.xiliefb .gd:hover{
 border-color:#000; color:#000;
}

 
.blog{
    overflow: hidden;
    padding-left: 1%;
    padding-right: 1%;
}
.blogList{
    width: 18%;
    float: left;
	padding-left: 1%;
    margin-right: 1%;
}
.blogList img{margin:0px; padding:0px; width:100%; height:auto; cursor: pointer;transition: all 0.6s;}
.blogList img:hover{transform: scale(1.05);}
.blogList:nth-of-type(3n){
    margin-right: 0;
}
.blogList .tt{
    width: 100%;
}
.blogList h1{
    color: #4c4c4c;
    font-size: 0.2rem;
    font-weight: normal;
    margin-top: 0.1rem;
}
.blogList .p1{
    font-size: 0.16rem;
    color: #c0c0c0;
    margin-top: 0.02rem;
}
.blogList .p2{
    font-size: 0.16rem;
    color: #bf2329;
    margin-top: 0.05rem;
}

.dowebok { width:100%; margin: 0 auto; font-size: 0;  }
.dowebok a { display: inline-block; width:24.8%; padding-left: 0.1%; padding-right: 0.1%;}
.dowebok .big { width:40%;}
.dowebok img { width: 100%; min-height:300px;}
.dowebok a:hover{
    filter:alpha(opacity=85);  
              -moz-opacity:0.85; 
              -khtml-opacity: 0.85; 
              opacity: 0.85;  
}


.leicp11{position:relative; float:none; margin:10px; padding:0px; width:520px; height:440px;}
.leicp11m {position:absolute; margin:0; padding:0px; width:100%; height:auto; left:0px; top:0px; display: table-cell;overflow: hidden;}
.leicp11m img{margin:0px 0px 0px 0px; padding:0px; width:100%; height:auto; cursor: pointer;transition: all 0.6s;}
.leicp11m img:hover{transform: scale(1.05);}
.leicp11c {position:absolute; width:520px; height:50px; left:0px; bottom:0px;}
.leicp11c ul {margin:0px; padding:0px; list-style-type: none;}
.leicp11c ul li {float:left; margin:0px; text-align:center;}
.leicp11c ul li h1 {float:left; margin:20px 0px 0px 0px; width:100%; height:30px; text-align:center; font-size:20px; line-height:30px;}
.leicp11c ul li h2 {float:left; margin:0px; width:100%; height:20px; text-align:center;}
.leicp11c ul li h2 img {margin:9px 0px 0px 9px; width:34px; height:2px; }
.leicp11c ul li h3 {float:left;margin:0px 0px 10px 0px; width:520px; height:60px; text-align:center; font-size:16px; line-height:24px;}
.leicp11c ul li a, .leicp11c ul li a:visited {display:block; background-color: rgba(0, 162, 234, 0.7); width:520px; line-height:50px; font-size:16px; color:rgba(255, 255, 255, 0.90);}
.leicp11c ul li a:hover {display:block; background-color:rgba(0, 162, 234, 0.9); width:520px; line-height:50px; font-size:16px; color:#fff;}

.leicp12{position:relative; float:none; margin:10px; padding:0px; width:310px; height:210px;}
.leicp12m {position:absolute; margin:0; padding:0; width:310px; height:210px; left:0px; top:0px; display: table-cell;overflow: hidden;}
.leicp12m img{margin:0px 0px 0px 0px; padding:0px; width:100%; height:auto; cursor: pointer;transition: all 0.6s;}
.leicp12m img:hover{transform: scale(1.05);}
.leicp12c {position:absolute; width:310px; height:50px; left:0px; bottom:0px;}
.leicp12c ul {margin:0; padding:0; list-style-type: none;}
.leicp12c ul li {float:left; margin:0px; text-align:center;}
.leicp12c ul li a, .leicp12c ul li a:visited {display:block; background-color:rgba(0, 162, 234, 0.7); width:310px; line-height:50px; font-size:16px; color:rgba(255, 255, 255, 0.90);}
.leicp12c ul li a:hover {display:block; background-color:rgba(0, 162, 234, 0.9); width:310px; line-height:50px; font-size:16px; color:#fff;}


#dhpics{width:1220px;}
#dhpic{margin:0;padding:0px;}
#dhpic ul, #dhpic li{
margin:10px;padding:0px 0px 0px 0px;float:left;display:block;list-style-type: none;
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
-ms-transition:All 0.4s ease-in-out;
}
#dhpic li:hover{
transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);
border-bottom:0px solid #1E50AF;
}

.yuan{width:240px;height:240px;}
.yuantu{
	margin:0 auto;
	margin-top:0px;
	position:absolute;
	width:220px;
	height:220px;
	border-width:10px;
	border-style:solid;
	border-bottom-color:#9fce9e;
	border-right-color:#9fce9e;
	border-top-color:#dcdcdc;
	border-left-color:#dcdcdc;
	border-radius:143px;
	overflow:hidden;
	transition:ease 0.5s;
}
.yuan:hover .yuantu{
	transform:rotate(360deg);
}
.yuan img{
	position:relative;
	top:10px;
	left:0px;
	margin-top:0px;
	border-radius:133px;
	transition:ease 0.3s;
}
.yuan img:hover{
	opacity:0.8;
}

.card {
  -webkit-perspective: 150rem;
          perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  width: 160px;
  height: 160px;
  padding-bottom:10px;
}

.card__side {
   position: absolute;
   top: 0;
   left: 0;
   width: 160px;
   height: 160px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 0px;
  overflow: hidden;
}

.card__side--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.card:hover .card__side--front-1

 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}


.dimg img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

.dleft img:hover {
transform:translate(-10px,0px);
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
border-bottom:0px solid #1E50AF;
}

.dright img:hover {
transform:translate(10px,0px);
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
border-bottom:0px solid #1E50AF;
}

.dtop img:hover {
transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);
border-bottom:0px solid #1E50AF;
}

.dbottom img:hover {
transform:translate(0,10px);
-webkit-transform:translate(0,10px);
-moz-transform:translate(0,10px);
-o-transform:translate(0,10px);
-ms-transform:translate(0,10px);
border-bottom:0px solid #1E50AF;
}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}

@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}}

@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}}

.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{margin: 5px;border:0px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#333;background:#f0f0f0;}
.met_pager a:hover{border:0px solid #a0a0a0;color:#fff;background:#333}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block;}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa;}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{border:0px solid #a0a0a0;color:#fff;background:#333}
.met_pager .PageText,.met_pager #metPageT,.met_pager #metPageB{display: none;}


.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{margin: 5px;border:0px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#333;background:#f0f0f0;}
.met_pager a:hover{border:0px solid #a0a0a0;color:#fff;background:#333}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block;}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa;}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{border:0px solid #a0a0a0;color:#fff;background:#333}
.met_pager .PageText,.met_pager #metPageT,.met_pager #metPageB{display: none;}

/*weixin*/
.weixin{ width:40px; height:94px; margin:0px auto; float:left; position:relative; font-size:12px; text-align:center; z-index:999999999;}
.weixin a{width:40px; height:94px; display:block; position:absolute; left:0; top:0;background:url(index_04.jpg) no-repeat center center; }
.weixin .weixin_nr{width:260px; height:60px; padding:25px; background:#fff; text-align:center; position:absolute; right:0px; top:94px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent; position:absolute; right:15px; top:-5px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(index_04.jpg) no-repeat center center;}

/*search*/
dl{width:40px; margin:0px auto; float:left; position:relative; text-align:center;}
dl dt{width:40px; height:94px;}
dl dd{width:260px; height:60px; padding:25px; display:block; background:#fff;display:none; position:absolute;  right:0px; top:90px; z-index:999999999;}

#bottomToolbars{
    width:16%; height:auto; z-index:999999;
    position:fixed; bottom:280px; right:10px;
    _position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
}
